<template>
<div>
  <TypeNav/>
  <List/>
  <Recommend/>
  <Rank/>
  <Like/>
  <Floor v-for="item in floorList" :key="item.id" :carouselList="item"/>
  <Brand/>
</div>
</template>

<script>
import TypeNav from "@comp/TypeNav";
import List from "@/pages/Home/components/List";
import Recommend from "@/pages/Home/components/Recommend";
import Rank from "@/pages/Home/components/Rank";
import Like from "@/pages/Home/components/Like";
import Floor from "@/pages/Home/components/Floor";
import Brand from "@/pages/Home/components/Brand";
import {reqFloorList} from "@/apis";
export default {
  name: "Home",
  components:{
    Brand,
    Floor,
    Like,
    Rank,
    Recommend,
    TypeNav,
    List
  },
  data(){
    return{
      floorList:[]
    }
  },
  mounted() {
    this.getFloorList()
  },
  methods:{
    async getFloorList(){
      const res = await reqFloorList()
      this.floorList = res
    }
  }
}
</script>

<style scoped>

</style>